SherbyNet - /page/wikibook/entry.mu

Micron Document

<!DOCTYPE html>

<title>HTML dynamique</title>

</head>

<h1 id="firstHeading" class="firstHeading mw-first-heading"><span class="mw-page-title-main">HTML dynamique</span></h1>

</header>

</div>

<div id="mw-content-text" class="mw-body-content mw-content-ltr" lang="fr" dir="ltr"><div class="mw-content-ltr mw-parser-output" lang="fr" dir="ltr"><p><b>HTML dynamique</b>, de l'<a href="Anglais" title="Anglais">anglais</a> <i><b><span class="lang-en" lang="en">Dynamic HTML</span></b></i>, souvent <a href="Abr%C3%A9viation" title="Abréviation">abrégé</a> <b>DHTML</b>, est un nom générique donné à l'ensemble des techniques utilisées par l'auteur d'une <a href="Page_web" title="Page web">page web</a> pour que celle-ci soit capable de se modifier elle-même en cours de consultation dans le <a href="Navigateur_web" title="Navigateur web">navigateur web</a>. Ce nom était particulièrement en vogue à la fin des <span class="nowrap"><a href="Ann%C3%A9es_1990" title="Années 1990">années 1990</a></span> lorsque ces techniques sont apparues. Elles sont maintenant couramment utilisées et gagnent en puissance et en fonctionnalités, suivant l’évolution des langages interprétés par les <a href="Navigateurs_web" class="mw-redirect" title="Navigateurs web">navigateurs web</a> modernes.

</p>

<div class="mw-heading mw-heading2"><h2 id="Technique">Technique</h2></div>

<p>Techniquement, les modifications portent sur la représentation interne que le <a href="Navigateur_web" title="Navigateur web">navigateur</a> se fait de la <a href="Page_web" title="Page web">page web</a>. Le navigateur reflète immédiatement ces modifications à l'<a href="Moniteur_d'ordinateur" class="mw-redirect" title="Moniteur d'ordinateur">écran</a>. Les éléments constituant la page peuvent ainsi être modifiés, déplacés, créés ou effacés, automatiquement ou à la suite d'une action du visiteur. Les saisies dans les champs de formulaire peuvent également être contrôlées. En outre, une succession rapide de modifications des propriétés de certains éléments (leur couleur, leur taille, leur position, <abbr class="abbr" title="et cetera">etc.</abbr>) peut servir à créer une animation.

</p>

<div class="mw-heading mw-heading2"><h2 id="Évolution_des_termes"><span id=".C3.89volution_des_termes"></span>Évolution des termes</h2></div>

<p>Le nom <i><span class="lang-en" lang="en">dynamic HTML</span></i> n'a jamais désigné une technologie précise.

</p><p>Au début des <a href="Ann%C3%A9es_1990" title="Années 1990">années 1990</a>, il désignait la génération « dynamique » de documents <a href="Hypertext_Markup_Language" title="Hypertext Markup Language">HTML</a> par un <a href="Serveur_HTTP" class="mw-redirect" title="Serveur HTTP">serveur HTTP</a>, généralement avec les technologies des <a href="Common_Gateway_Interface" title="Common Gateway Interface">CGI</a> ou des <i><span class="lang-en" lang="en"><a href="Server_Side_Includes" title="Server Side Includes">Server Side Includes</a></span></i>. Un tel document « dynamique » est créé à la demande pour répondre à la requête d'un seul visiteur. Souvent, il s'agissait de traiter les données saisies par le visiteur dans les champs d'un formulaire de <a href="Page_web" title="Page web">page web</a>. Par opposition, un document « statique » est conservé dans un <a href="Fichier_(informatique)" class="mw-redirect" title="Fichier (informatique)">fichier</a> du serveur et servi à l'identique à tous les visiteurs.

</p><p>L'<a href="Abr%C3%A9viation" title="Abréviation">abréviation</a> <i>DHTML</i> et le sens actuel sont apparus en <a href="1997_en_informatique" title="1997 en informatique">1997</a> lorsque <a href="Netscape_Communications_Corporation" class="mw-redirect" title="Netscape Communications Corporation">Netscape</a> et <a href="Microsoft" title="Microsoft">Microsoft</a> l'utilisèrent pour qualifier les capacités de la quatrième version de leur <a href="Navigateur_web" title="Navigateur web">navigateur web</a> respectif. Il s'agissait principalement d'un slogan <a href="Marketing" title="Marketing">marketing</a> vantant une évolution technologique. En effet, même si les <a href="Langage_de_script" title="Langage de script">langages de script</a> comme <a href="JavaScript" title="JavaScript">JavaScript</a> existaient depuis plus d'un an, leurs capacités de manipulation des documents étaient restées concentrées sur les formulaires.

</p><p>DHTML devait signifier que désormais toute la structure d'un document HTML était librement manipulable. Cependant, la norme <i><span class="lang-en" lang="en"><a href="Document_Object_Model" title="Document Object Model">Document Object Model</a></span></i> du <a href="World_Wide_Web_Consortium" title="World Wide Web Consortium">W3C</a> définissant l'interface de <a href="Programmation" class="mw-redirect" title="Programmation">programmation</a> sous forme de <a href="Programmation_objet" class="mw-redirect" title="Programmation objet">modèle objet</a> du document n'était qu'en cours d'élaboration. Les modèles de document concurrents mis en œuvre par les navigateurs <span class="nowrap"><a href="Netscape_Navigator" title="Netscape Navigator"><span class="lang-en" lang="en">Netscape Communicator</span></a> 4</span> et <span class="nowrap"><span class="lang-en" lang="en"><a href="Internet_Explorer" title="Internet Explorer">Internet Explorer</a></span> 4</span> différaient donc significativement. Par conséquent, connaître DHTML consistait notamment à maîtriser toutes les subtiles connaissances techniques nécessaires à l'obtention d'un comportement similaire entre ces deux navigateurs.

</p><p>Avec la standardisation du DOM et l'apparition de nouvelles technologies comme <a href="Extensible_Markup_Language" title="Extensible Markup Language">XML</a>, le nom <i><span class="lang-en" lang="en">dynamic HTML</span></i> est un peu passé de mode. Les procédés restent cependant.

</p>

<div class="mw-heading mw-heading2"><h2 id="Voir_aussi">Voir aussi</h2></div>

<div class="mw-heading mw-heading3"><h3 id="Articles_connexes">Articles connexes</h3></div>

<li><a href="XHTML" class="mw-redirect" title="XHTML">XHTML</a></li>

<li><a href="JavaScript" title="JavaScript">JavaScript</a></li>

<li><span class="lang-en" lang="en"><a href="Netscape_Navigator" title="Netscape Navigator">Netscape Navigator</a></span> et <span class="lang-en" lang="en"><a href="Internet_Explorer" title="Internet Explorer">Internet Explorer</a></span></li>

<li><a href="HTML_Application" title="HTML Application">HTML Application</a></li>

<li>Feuilles de style dynamiques en cascade</li></ul>

<div class="mw-heading mw-heading3"><h3 id="Liens_externes">Liens externes</h3></div>

<ul><li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://msdn.microsoft.com/library/default.asp?url=/archive/en-us/dnarwebtool/html/msdn_dynhtml.asp"><i><span class="lang-en" lang="en">Dynamic HTML: The Next Generation of User-Interface Design</span></i></a>, introduction par Microsoft, <time class="nowrap date-lien" datetime="1997-02" data-sort-value="1997-02"><a href="F%C3%A9vrier_1997" title="Février 1997">février</a> <a href="1997_en_informatique" title="1997 en informatique">1997</a></time></li>

<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <a rel="nofollow" class="external text" href="http://msdn.microsoft.com/library/default.asp?url=/workshop/author/dhtml/dhtml_node_entry.asp"><i><span class="lang-en" lang="en">HTML and Dynamic HTML</span></i></a> par Microsoft</li>

<li><abbr class="abbr indicateur-langue" title="Langue : anglais">(en)</abbr> <span class="noarchive">« <a rel="nofollow" class="external text" href="https://web.archive.org/web/*/http://developer.netscape.com/docs/manuals/communicator/dynhtml/"><i><span class="lang-en" lang="en">Dynamic HTML in Netscape <span class="nowrap">Communicator 4</span></span></i></a> »</span> <small>(archivé sur <i><a href="Internet_Archive" title="Internet Archive">Internet Archive</a></i>)</small>, par Netscape</li></ul>

</div>

<ul id="bandeau-portail" class="bandeau-portail"><li><span class="bandeau-portail-element"><span class="bandeau-portail-icone"><span class="noviewer" typeof="mw:File"></span></span> <span class="bandeau-portail-texte">Portail de l’informatique</span> </span></li> </ul></div><div><div class="zim-footer">

Cet article est issu de <a class="external text" title="Dernière modification le 2024-06-03" href="https://fr.wikipedia.org/wiki/?title=HTML_dynamique&oldid=215643722">Wikipédia</a>. Sauf mention contraire, le texte est disponible sous <a class="external text" href="https://creativecommons.org/licenses/by-sa/4.0/deed.fr">Creative Commons Attribution-Share Alike 4.0</a>. Des conditions supplémentaires peuvent s’appliquer aux fichiers multimédias.

</div>

</div></div>

</div>

</main>

</div>

</body></html>